<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8">
    <title>Powerful Bootstrap</title>
    <link href="/js/fontAwesome/font-awesome-4.3.0/css/font-awesome.min.css"type="text/css"  rel="stylesheet">
    <link href="/js/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet"></link>
    <link href="/js/jQueryScrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet"></link>
    <link href="/js/bootstrapTable/bootstrap-table.min.css" type="text/css" rel="stylesheet">
  </head>
  
  <body>
    <div class="container">
        <table class="table" data-toggle="table" data-url="/user/findAll"
            data-pagination="true" data-side-pagination="server"
            data-search="true" data-striped="true">
            <thead>
                <tr>
                    <th data-checkbox="true"></th>
                    <th data-field="id" data-align="center">用户编号</th>
                    <th data-field="username" data-align="center">用户名称</th>
                    <th data-field="loginName" data-align="center">登录名</th>
                    <th>角色</th>
                    <th data-field="mobile" data-align="center">安全域</th>
                    <th data-field="userStatus" data-align="center" data-formatter="checkUserStatus">状态</th>
                    <th data-field="email" data-align="center" data-formatter="genEmailLink">邮件</th>
                </tr>
            </thead>
        </table>
    </div>
    <script src="/js/jQuery/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="/js/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="/js/bootstrapTable/bootstrap-table-all.min.js" type="text/javascript"></script>
    <script src="/js/bootstrapTable/bootstrap-table-zh-CN.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            console.log("Bootstrap Powered !");
        });
        function checkUserStatus(value, row, index) {
            return "<i class='" + (value == 1 ? "fa fa-check" : "fa fa-remove") + "'></i>";
        }
        function genEmailLink(value, row, index) {
            return "<a href='mailto:" + value +"'>" + value + "</a>";
        }
    </script>
  </body>
</html>